<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- 伪类选择器用于向某些选择器添加特殊的效果，比如给链接添动加特殊效果，或选择第1个，第个元素。 -->
    <!-- 伪类选择器书写最大的特点是用冒号(：)表示，比如：hover、:first-child。 -->
    <!-- 因为伪类选择器很多，比如有链接伪类、结构伪类等，所以这里先给大家讲解常用的链接伪类选择器。 -->
    <!-- a:link/*选择所有未被访问的链接*/ -->
    <!-- a:visited/*选择所有已被访问的链接*/ -->
    <!-- a:hover/*选择鼠标指针位于其上的链接*/ -->
    <!-- a:active/*选择活动链接（鼠标按下未弹起的链接）*/ -->

    <!-- 为了确保生效，请按照LVHA的循顺序声明：link-:visited-:hover-active。 -->
    <style>
      a:link {
        color: aqua;
        text-decoration: none;
      }
      /* a:visited {
            color: black;
        } */
      a:hover {
        color: blue;
      }
      /* a:active {
        color: yellow;
      } */
    </style>
  </head>
  <body>
    <a href="http://www.bilibili.com">
      何日归家洗客袍。银字笙调。心字香烧。流光容易把人抛。红了樱桃。绿了芭蕉。</a
    >
    <br />
    <a href="#">
      一片春愁待酒浇。江上舟摇。楼上帘招。秋娘渡与泰娘桥。风又飘飘。雨又萧萧。</a
    >
  </body>
</html>
